<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Tpshop-购物车</title>
		<link rel="stylesheet" href="./css/cart.css">
		<link rel="stylesheet" href="./font_g0zkp2iwklc/iconfont.css">
	</head>
	<body>
		<!-- 演示 -->
		<h2>这是购物车页面,<small><a href="./list.html" style="color: red;"> 去购物</a></small></h2>

		<div class="header">
			<i class="iconfont icon-gantanhao-xianxingyuankuang"></i>
			<span>您还没有登录！登录后购物车的商品将保存在您的账号中</span>
			<a href="#">立即登录</a>
		</div>

		<div class="content">
			<!-- 购物车加入了商品 -->
			<div class="hov">
				全部商品
				<i>(1)</i>
			</div>
			<div class="list active">
				<div class="top">
					<div>
						<input type="checkbox">
						<em>全选</em>
					</div>
					<div>商品</div>
					<div></div>
					<div>单价</div>
					<div>数量</div>
					<div>小计</div>
					<div>操作</div>
				</div>
				<!-- 商品列表 -->
				<ul class="center cartcenter">
					<!-- 购物车为空 -->
					<!-- <div class="empty">
			       <img src="https://demo6.tp-shop.cn/template/pc/rainbow/static/images/no-login-icon.png" alt="">
			       <p>购物车内暂时没有商品</p>
			   </div> -->
					<!-- <div class="goodsall">
						<div>
							<input type="checkbox" class="goodsbox">
							<img
								src="http://demo6.tp-shop.cn/public/upload/goods/thumb/36/goods_thumb_36_0_236_236.png?t=1653986460">
							<p class="intruc">联想(Lenovo)小新潮5000 15.6英寸笔记本电脑(i7-7500U 4G 1T+128G 2G独显 FHD Office2016)银
							</p>

						</div>
						<div></div>
						<div>100</div>
						<div>
							<button>-</button>
							<input type="text" value="1">
							<button>+</button>
						</div>
						<div>100</div>
						<div>
							<p>删除</p>
							<p>移入到我的收藏</p>
						</div>
					</div> -->

				</ul>

				<!-- 底部结算 -->
				<div class="bottom">
					<!-- 左边 -->
					<div>
						<div>
							<input type="checkbox" id="checkall">
							<em><label for="checkall">全选</label></em>
							<button>删除选中的商品</button>
							<button>移动到我的收藏</button>
						</div>
					</div>
					<!-- 右边 -->
					<div class="emp"></div>
					<div class="foot">
						<div>
							<span>
								已选择
								<i class="allnum"></i>
								件商品
							</span>
						</div>
						<div class="left">
							<span>
								总价:
								<i class="allprice"></i>
								<img src="https://demo6.tp-shop.cn/template/pc/rainbow/static/images/price-tips.png"
									alt="" title="不含运费及送装服务费">
							</span>
							<span>
								已节省:
								<em>-￥</em>
							</span>
						</div>
						<div class="right">
							<a href="#">去结算</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="./libs/require.js" data-main="./js/cartMain"></script>
</html>
